diff options
| author | zephex <[email protected]> | 2024-04-20 13:34:53 +0530 |
|---|---|---|
| committer | zephex <[email protected]> | 2024-04-20 13:34:53 +0530 |
| commit | d6780cf3dad729c69a102ba2940188cf1e6bcbf4 (patch) | |
| tree | d10a2aefef6664c42439f165c73722c514b032bc /src/app/anime/[id]/page.jsx | |
| parent | feature added: tracker for mangas (diff) | |
| download | dramalama-d6780cf3dad729c69a102ba2940188cf1e6bcbf4.tar.xz dramalama-d6780cf3dad729c69a102ba2940188cf1e6bcbf4.zip | |
idk whats happening
Diffstat (limited to 'src/app/anime/[id]/page.jsx')
| -rw-r--r-- | src/app/anime/[id]/page.jsx | 134 |
1 files changed, 67 insertions, 67 deletions
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx index ed8b1de..59ebe6a 100644 --- a/src/app/anime/[id]/page.jsx +++ b/src/app/anime/[id]/page.jsx @@ -1,67 +1,67 @@ -import styles from "./info.module.css"; -import Image from "next/image"; -import Button from "./buttons"; -import { preFetchAnimeLinks } from "../videoLinkfetcher"; - -export default async function AnimeInfo({ params }) { - let animeID = params.id; - - const info = await getAnimeInfo(animeID); - - preFetchAnimeLinks(info); - - return ( - <div className={styles.dramaInfoContainer}> - <div className={styles.dramaInfo}> - {info && ( - <div> - <div className={styles.titleContainer}> - <p>{info.title}</p> - <Image - src={info.image} - width={175} - height={256} - alt="Drama" - priority - /> - </div> - <div className={styles.animeDescription}> - <h2>Description</h2> - <p>{info.description}</p> - </div> - </div> - )} - - <div className={styles.animeDetails}> - <span className={styles.genre}>Genres: </span> - {info.genres && - info.genres.map((item, index) => ( - <span className={styles.genreEntries} key={index}> - {item} - </span> - ))} - <p className={styles.animeType}> - Type: <span>{info && info.type}</span> - </p> - <p className={styles.animeRelease}> - Release year: - <span> - {info && info.releaseDate}, {info && info.status} - </span> - </p> - </div> - - <Button data2={info} /> - </div> - </div> - ); -} - -async function getAnimeInfo(anime_id) { - const res = await fetch( - "https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id, - { next: { revalidate: 7200 } } - ); - const data = await res.json(); - return data; -} +import styles from "./info.module.css";
+import Image from "next/image";
+import Button from "./buttons";
+import { preFetchAnimeLinks } from "../videoLinkfetcher";
+
+export default async function AnimeInfo({ params }) {
+ let animeID = params.id;
+
+ const info = await getAnimeInfo(animeID);
+
+ preFetchAnimeLinks(info);
+
+ return (
+ <div className={styles.dramaInfoContainer}>
+ <div className={styles.dramaInfo}>
+ {info && (
+ <div>
+ <div className={styles.titleContainer}>
+ <p>{info.title}</p>
+ <Image
+ src={info.image}
+ width={175}
+ height={256}
+ alt="Drama"
+ priority
+ />
+ </div>
+ <div className={styles.animeDescription}>
+ <h2>Description</h2>
+ <p>{info.description}</p>
+ </div>
+ </div>
+ )}
+
+ <div className={styles.animeDetails}>
+ <span className={styles.genre}>Genres: </span>
+ {info.genres &&
+ info.genres.map((item, index) => (
+ <span className={styles.genreEntries} key={index}>
+ {item}
+ </span>
+ ))}
+ <p className={styles.animeType}>
+ Type: <span>{info && info.type}</span>
+ </p>
+ <p className={styles.animeRelease}>
+ Release year:
+ <span>
+ {info && info.releaseDate}, {info && info.status}
+ </span>
+ </p>
+ </div>
+
+ <Button data2={info} />
+ </div>
+ </div>
+ );
+}
+
+async function getAnimeInfo(anime_id) {
+ const res = await fetch(
+ "https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id,
+ { next: { revalidate: 7200 } }
+ );
+ const data = await res.json();
+ return data;
+}
|